import React,{Component} from "react";
// 引入prop-types库对传过来对props进行类型、必要性限制
import PropTypes from "prop-types"
import {Form,Input} from "antd"
const Item = Form.Item

// 更新分类的Form组件
 class UpdateForm extends Component{
    // 对类型进行检查
    static propTypes = {
        categoryName:PropTypes.string.isRequired,
        setForm:PropTypes.func.isRequired
    }


    componentWillMount() {
        // 将form对象通过setForm方法传给父组件
        this.props.setForm(this.props.form)
    }

     render() {
        const {categoryName} = this.props
        // 为了校验
        const {getFieldDecorator} = this.props.form
        return(
           <Form>
               <Item>
                   {
                       // 收集指定的分类名称
                       getFieldDecorator('categoryName',{
                           initialValue:categoryName,
                           rules:[
                               {required:true,message:'分类名称必须输入'}
                           ]
                       })(
                           <Input placeholder="请输入分类名称"/>
                       )
                   }

               </Item>
           </Form>
        )
    }
}
// 为了拿到Form对象
export default Form.create()(UpdateForm)
